<div class="lv-calendar-panel-container">
  <div [ngClass]="{ 'lv-calendar-panel-body': true, 'lv-calendar-panel-reverse': language == 'en-us' }">
    <!-- 年 -->
    <ul #yearContainer class="lv-calendar-panel-selection lv-calendar-panel-year">
      <li *ngFor="let item of years; trackBy: trackByIndex" (click)="updateDate('year', item)" [ngClass]="{ selected: item.isSelected }">
        {{ item.label }}
      </li>
    </ul>

    <!-- 月 -->
    <ul #monthContainer class="lv-calendar-panel-selection lv-calendar-panel-month" *ngIf="lvMode === 'month'">
      <li *ngFor="let item of months; trackBy: trackByIndex" (click)="updateDate('month', item)" [ngClass]="{ selected: item.isSelected }">
        {{ item.label }}
      </li>
    </ul>
  </div>
</div>
